<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import store from "@/store";
export default {
  name: "App",
  created() {
    const domain = window.location.hostname;
    store.dispatch("app/setBrandInfo", domain);
  }
};
</script>

<style>
.scan {
  width: 90%;
}
.mgn_lef{
  margin-left: 10px;
}
.mar_right {
  margin-right: 10px;
}
.mar_top {
  margin-top: 10px;
}
@media all and (max-width: 400px) {
  /* .center {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  } */

  .sn-center {
    margin-top: 20px;
  }
  .download_icon {
    display: none;
  }
  /* .el-pagination {
    white-space: normal;
  } */
}
@media all and (max-width: 900px) {
  .mar_top{
    margin-top: 40px;
  }
  .app_upload{
    width: 95%;
  }
  .el-dialog {
    width: 90% !important;
  }
  .el-form-item__label {
    width: -webkit-fill-available !important;
    text-align: left !important;
  }
  .el-form-item__content {
    margin-left: 0 !important;
  }
  .permission-tree {
    clear: both;
  }
  .show-pwd {
    top: 50% !important;
  }
  .file {
    transform: translate(0, -40%) !important;
  }
  .btnLocation {
    top: 75% !important;
  }
  .setting {
    width: 100% !important;
  }
  .city-search {
    /* width: 60%!important; */
  }
  .apkBtn {
    top: 50% !important;
  }
  .logo_upload {
    width: 100%;
  }
  .changedialog {
    width: 90% !important;
  }
  .phoneBtn {
    top: 75% !important;
  }
  .category {
    display: none;
  }
  .app ul li .apply .apply_txt {
    display: none !important;
  }
}
.el-dialog__body {
  max-height: 480px;
  overflow-y: auto;
}

.diolog_adapt .el-select {
  width: 100%;
}
.table_button {
  margin-bottom: 10px;
}
.table_searchs {
  margin-bottom: 10px;
}
.apkBtn {
  top: 0;
  right: 10px !important;
}
.btnLocation {
  right: 10px !important;
  top: 50%;
  transform: translate(0, -50%);
}
.versions {
  position: absolute;
  bottom: 0;
  left: 5%;
  /* transform: translate(-50%,0); */
  height: 40px;
  color: rgb(191, 203, 217);
  display: block;
  line-height: 40px;
  font-size: 12px;
}
/* switch stytle 修改 */
.el-table td,
.el-table th {
  padding: 7px 0 !important;
}
.el-submenu__title {
  font-size: 12px !important;
}
.submenu-title-noDropdown {
  font-size: 12px !important;
}
.el-select-dropdown__item {
  font-size: 12px;
}
label {
  font-weight: 500;
}
.el-switch__core:after {
  width: 10px;
  height: 10px;
  top: 50%;
  left: 10%;
  transform: translate(-10%, -50%);
}
.el-switch.is-checked .el-switch__core::after {
  left: 110%;
}
.el-input-group__append {
  border-radius: 0 4px 4px 0;
  background-color: #409eff;
  color: #ffffff;
  border: 1px solid #409eff;
}
.el-message-box {
  border-radius: 8px;
}
.el-input-group__prepend {
  border-radius: 4px 0 0 4px;
}
.el-menu-item {
  font-size: 12px;
}
.el-dialog {
  border-radius: 8px;
  overflow: hidden;
}
.el-textarea__inner {
  border-radius: 8px;
  overflow: hidden;
}
.el-table td,
.el-table th {
  padding: 10px 0;
}

.el-input__inner {
  border-radius: 4px;
}
.el-input {
  font-size: 12px;
}
.el-button.is-round {
  border-radius: 4px;
}
.el-button--mini,
.el-button--small {
  border-radius: 4px;
}
.el-button--small,
.el-button--small.is-round {
  padding: 7px 15px;
}
/* 滑块部分 */
::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background-color: rgba(144, 147, 153, 0.3);
  height: 100px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.site_inputs {
  box-shadow: none;
  border-color: #666666;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 5px 10px;
  color: #666666;
}

.el-tag.el-tag--info {
  background-color: #409eff;
  border-color: #fff;
  color: #fff;
  border-radius: 8px;
}
.el-select .el-tag__close.el-icon-close {
  background-color: #fff;
  right: -7px;
  top: 0;
}
.masking {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  z-index: 1001;
}
.mbImg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3000;
}
.guidetext {
  margin-left: 10px;
  color: #909399;
  font-size: 14px;
  cursor: pointer;
}
.guidetext .guide {
  color: #409eff;
  margin-right: 5px;
}
.mzindex {
  z-index: 4000 !important;
}
.mrg-top {
  margin-top: 5px;
}
.addPut {
  position: relative;
}
.dlePut {
  position: absolute;
  right: 0;
}
.dleValidation {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.flex {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex_cen {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex_bet {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex_spa {
  -webkit-box-pack: justify;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.felx_align {
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/**子元素换行**/

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.center {
  padding: 20px;
}
/* .table_header {
  margin-bottom: 10px;
} */
.paging {
  margin-top: 20px;
}
.add_select {
  /* width: 90% !important; */
  width: -webkit-fill-available;
}
.wth_ato {
  width: -webkit-fill-available;
}
.sn_select {
  width: 71% !important;
  float: left;
}
.el-input-number .el-input__inner {
  text-align: left !important;
}
.icon_img img {
  height: 30px;
  width: 30px;
}
.on_line {
  color: #409eff;
}
.off_line {
  color: #d2d6de;
}
.add_radios {
  margin-left: 60px;
  color: #606266;
  font-size: 14px;
}
.download {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #f4f4f4;
  box-shadow: none;
  border: 1px solid #ccc;
  border-left: 0;
  border-radius: 2px;
  position: relative;
}
.download a {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 30px;
  width: 30px;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.hintText {
  padding: 10px 0 20px 0;
}
.hintText ul li {
  line-height: 20px;
}
.el-table td {
  font-size: 12px;
}
.el-table th {
  font-size: 13px;
}
.el-divider__text,
.el-link {
  font-size: 12px;
}
.el-dialog__header {
  transform-origin: 50% 100%;
  border-bottom: 0.5px solid #e9e9e9;
}
</style>

<style lang="scss" scoped>
.table_header {
  .table_button {
    .el-button {
      margin-bottom: 10px;
    }
  }
  .table_search {
    .servch_button {
      margin-left: 5px;
    }
  }
}
</style>
